聯(lián)系我們
導(dǎo)讀：曾幾何時(shí)，每次交互稿都是徒手畫，或者截個(gè)圖在現(xiàn)有的界面上改造。漸漸感到同一平臺(tái)，每個(gè)版本都有很多重復(fù)勞動(dòng)，是時(shí)候做個(gè)交互組件庫了~什么是組件庫？就是類似axure左側(cè)欄的這一坨
發(fā)表日期：2020-02-13
文章編輯：興田科技
瀏覽次數(shù)：6364
標(biāo)簽：
曾幾何時(shí)，每次交互稿都是徒手畫，或者截個(gè)圖在現(xiàn)有的界面上改造。漸漸感到同一平臺(tái)，每個(gè)版本都有很多重復(fù)勞動(dòng)，是時(shí)候做個(gè)交互組件庫了~
什么是組件庫？
就是類似axure左側(cè)欄的這一坨標(biāo)準(zhǔn)控件，方便直接拖拽使用。
但如何制作滿足自己產(chǎn)品需要的交互組件庫，一開始是模糊的。最初只是根據(jù)自己的需要隨便列一些出來，在做的過程中逐漸清晰。
交互組件庫的作用：
提高個(gè)人工作效率方便多人合作使交互文檔具有統(tǒng)一美哪些東西可以做成交互組件？
只需記住一點(diǎn)：當(dāng)你感覺到某種UI組合，每次都需要重新畫一遍的時(shí)候，就可以考慮把這種UI組合做成交互組件。
上面所說的“重復(fù)勞動(dòng)”對(duì)不同人來說可能定義不盡相同。比如對(duì)我來說，即使把Tab的選中狀態(tài)變一下，也是一種重復(fù)勞動(dòng)。那我就會(huì)把不同Tab的選中狀態(tài)都做一份。這樣等到要制作“我的音樂”相關(guān)交互的時(shí)候，直接把下面第二個(gè)組件拖過去就可以了。
但對(duì)于某些Tab組合來說，每個(gè)Tab底下的內(nèi)容可能是差不多的，做交互的時(shí)候往往只需要表達(dá)第一個(gè)Tab下的頁面就可以了。這種我就只把第一個(gè)Tab的選中狀態(tài)做一下。總得來說，怎樣對(duì)自己方便就怎樣做。
交互組件應(yīng)該具備的特點(diǎn)：
組件組件，最大的一個(gè)特點(diǎn)就是可組合性。整理的時(shí)候，思考哪些UI組合是不同頁面都會(huì)共用的，把這些元素剝離出來，就成了交互組件。根據(jù)自己的經(jīng)驗(yàn)，我會(huì)把組件歸為幾大類：
頂欄類：
導(dǎo)航類：
彈窗類：
彈出浮層類：
toast類：
列表類：
鍵盤類：
icon類：
另外，一些常用的主界面和內(nèi)容頁我也會(huì)做成組件。這樣當(dāng)我要拿搜索頁說事兒的時(shí)候，就可以直接把整個(gè)搜索頁拖過去，而不需要花時(shí)間再搭一遍積木了。
單個(gè)交互組件應(yīng)該具備的特點(diǎn)：可編輯性。pNG圖標(biāo)、文字、選中……每一個(gè)元素都是可以單獨(dú)編輯的。
組件的顏色？
盡量以黑(性)白(冷)灰(淡)風(fēng)格為主。
如何把各種組件想全？
不用想全，邊做邊補(bǔ)。所以不同平臺(tái)的交互組件庫應(yīng)該有專人維護(hù)更新，才能保證組件庫始終好用。這點(diǎn)其實(shí)知易行難，一定要提醒自己“磨刀不誤砍柴工”。
組件邊上需要寫說明文字嗎？
個(gè)人喜好組件邊上不寫任何說明文字，組件的名字已經(jīng)反映在axure文檔的側(cè)導(dǎo)航上。只要側(cè)導(dǎo)航分類符合心智模型（好找），頁面上清清爽爽的組件（方便拖拽），就能滿足我的需求了。
組件庫是給畫交互稿的人用的，不是給別人看的。給別人看的是另外一種東西，交互規(guī)則庫，那種需要說明文字。
因此，判斷一個(gè)交互組件庫是否好用的標(biāo)準(zhǔn)是：
你自己是不是經(jīng)常使用自己的組件庫別人樂不樂意使用你的組件庫更多新聞
2019
據(jù)《中國消費(fèi)趨勢(shì)報(bào)告》數(shù)據(jù)顯示，2020年，中國消費(fèi)市場(chǎng)未來5年將增加2.3萬億美元，且其中超過65%將由80后、90后及00后帶來。據(jù)估計(jì)，這一群體的消費(fèi)能力將以平均每年14%的速度增長(zhǎng)
View details
2020
關(guān)于網(wǎng)站建設(shè)，您不僅可以用文字、圖片、動(dòng)畫等方式宣傳自己的產(chǎn)品，而且可以介紹自己的企業(yè)，發(fā)布企業(yè)新聞，介紹企業(yè)領(lǐng)導(dǎo)，公布公司業(yè)績(jī)，提供售后服務(wù)，舉辦產(chǎn)品
View details
2020
關(guān)于網(wǎng)站建設(shè)，總有很多人問我百度怎么了？有什么變化，為什么不更新等等諸如此類的問題。不論是否百度做過算法調(diào)整，或許只要因?yàn)槟承┦虑榘俣炔桓拢矔?huì)有
View details
2020
關(guān)于網(wǎng)站建設(shè)，DIY自助建站工具（站長(zhǎng)工具），主要是通過使用模板和內(nèi)容管理系統(tǒng)來建設(shè)及更新網(wǎng)站。使得網(wǎng)站建設(shè)與維護(hù)都變得容易起來。許多主機(jī)服務(wù)提供商都
View details
